當網站的應用程式開發越來越複雜的時候,即使你已經把HTML、CSS和JavaScrpipt分開了,仍然會有覺得JavaScript缺乏好的架構。
MVC框架通常能讓你進一步把JavaScript為要角的Web應用程式做好架構上的規劃,而今天要介紹的,就是Backbone.js。
Backbone.js官網/
學習Backbone.js必到之處,雖然對初學者來說,官網略嫌簡略,不太可能直接從上面學會Backbone.js,但是一旦你粗具概念後,這裡一定是你常常回來的地方
Underscore.js官網
Underscore.js是Backbone.js唯一倚賴的Library,它是很好用的工具,即使你不用Backbone,Underscore學起來用一定不會後悔,它提供了許多好用工具,像是物件或Array的輔助method,或是樣板引擎等。
快速了解Backbone.js是在做什麼
Javascript 前端工具 Backbone.js Framework 初學介紹
可以從這裡了解Backbone.js如何用到你的專案中
Backbone.js事件
過去用jQuery時,DOM和事件綁的緊緊的,雖然這樣設計直觀、簡單,但是一旦DOM有改變時,就是悲劇的開始。Backbone將事件和DOM脫勾,你可以從物件的觀點來設計事件與觸發,這樣對於應用程式來說,更容易維護。
Backbone.js Mondel
Backbone的Model將資料物件化,可隨資料狀態改變來觸發事件,另外和Server存取資料的工作也由它來負責。
Backbone.js Model 01︰用途與特性
Backbone.js Model 02︰Class基本屬性
Backbone.js View
Backbone的View物件能讓你從元件的觀點來設計物件,而不用拘束在DOM本身的實質內容
Backbone.js 的 View
Backbone.js Collection
Collection基本上就是Model物件的集合,提供了一些相對應的工具
JavaScript学习4:backbone的collection实例
Backbone.js Router
Backbone的Router可以讓你依網址的變數,設計出相對應的功能,而且也有支援Web App過去常毎詬病無法回到上一頁的痛點
Backbone.js 的 Router
Backbone.js In Action
由江湖人稱鐵神的Jace Ju為你介紹Backbone.js,看完後保證功力大增